<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="stylesheet" href="/static/index/css/amazeui.min.css">
  <link rel="stylesheet" href="/static/index/css/wap.css">
  <title>内容页列表页</title>
</head>
<body style="background:#ececec">
  <div class="pet_mian" >
    <div class="pet_head">
      <header data-am-widget="header"
          class="am-header am-header-default pet_head_block">
        <div class="am-header-left am-header-nav ">
          <a href="{:url('index/index/index')}" class="iconfont pet_head_jt_ico">&#xe601;</a>
        </div>
         <div class="am-header-right am-header-nav">
          <a href="{:url('index/index/index')}" class="iconfont pet_head_gd_ico">&#xe600;</a>
        </div>
      </header>
    </div>

    <div class="pet_content pet_content_list">
      <div class="pet_article_like">
        <div class="pet_content_main pet_article_like_delete">
          <div data-am-widget="list_news" class="am-list-news am-list-news-default am-no-layout"  >
            <div class="am-list-news-bd" >
              <ul class="am-list"  id="artlist">
              <h1>{$c}</h1>
              <hr>
                <!--缩略图在标题右边-->
                {volist name="data" id="v" }
                 <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-right pet_list_one_block"  >
        <div class="pet_list_one_info">
            <div class="pet_list_one_info_l"> 
            
                <div class="pet_list_one_info_name"><a href="{:url('index/article/details',['id'=>$v.id])}">作者@{$v.author}</a></div>
            </div>
            <div class="pet_list_one_info_r">
                <div class="pet_list_tag pet_list_tag_xxs">优秀文章精选</div>
            </div>
        </div>
        <div class=" am-u-sm-8 am-list-main pet_list_one_nr">
            <h3 class="am-list-item-hd pet_list_one_bt  am-text-truncate" style="width:180px"><a href="{:url('index/article/details',['id'=>$v.id])}" class="">{$v.title}</a></h3>

            <div class="am-list-item-text pet_list_one_text">{$v.abstract}</div>
        </div> 
          <div class="am-u-sm-4 am-list-thumb">
            <a href="{:url('index/article/details',['id'=>$v.id])}" class="">
              <img src="{$v.picture}" class="pet_list_one_img" />
            </a>
          </div>
      </li>
       {/volist}
                </ul>

              </div>

            </div>

          </div>

        </div>
      </div>
    </div>
    <script src="/static/index/js/jquery.min.js"></script>
    <script src="/static/index/js/amazeui.min.js"></script>
    <script>
$(function(){

    // 动态计算新闻列表文字样式
    auto_resize();
    $(window).resize(function() {
        auto_resize();
    });
    $('.am-list-thumb img').load(function(){
        auto_resize();
    });
    $('.pet_article_like li:last-child').css('border','none');
        function auto_resize(){
        $('.pet_list_one_nr').height($('.pet_list_one_img').height());
                // alert($('.pet_list_one_nr').height());
    }
        $('.pet_article_user').on('click',function(){
            if($('.pet_article_user_info_tab').hasClass('pet_article_user_info_tab_show')){
                $('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_show').addClass('pet_article_user_info_tab_cloes');
            }else{
                $('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_cloes').addClass('pet_article_user_info_tab_show');
            }
        });

        $('.pet_head_gd_ico').on('click',function(){
            $('.pet_more_list').addClass('pet_more_list_show');
       });
        $('.pet_more_close').on('click',function(){
            $('.pet_more_list').removeClass('pet_more_list_show');
        });
});

</script>
</body>
  </html>